/*************************************
* 文件名称： shuilangjun_function.css
* 前   缀：  sljf_
* 内容概要： 组件样式
* 作   者： 水郎君
* Q    Q：  591408999 
* 邮   箱： shuilangjun@126.com
* 网   站： www.WuLingHui.com
*************************************/


/***************************************************************************************************
*                                                                             公用（或部分公用）组件功能*
****************************************************************************************************/
/**********************************
*                       头部导航菜单*
**********************************/
/*菜单只要判断两种情况即可，
即小于界定的宽度就折叠，否则正常显示*/
.sljf_headerNavMenu {
	width:100%;
	position:relative;
	line-height:70px;
	font-size:15px;
}
/*logo*/
.sljf_headerNavMenu .f_logo{
	float:left;
	height:50px;
}
/*导航*/
.sljf_headerNavMenu .f_nav{
	padding:0 0 0 8%;
}
.sljf_headerNavMenu .f_nav .f_menu {
}
.sljf_headerNavMenu .f_nav .f_menu>li{
	line-height:30px;
}
.sljf_headerNavMenu .f_nav .f_menu>li>a{
	display:inline-block;
	padding:0 18px;
	text-align:left;
}
.sljf_headerNavMenu .f_nav .f_menu>li>a:link,
.sljf_headerNavMenu .f_nav .f_menu>li>a:visited{
	color:#fff;
	text-shadow:0px 0px 0px #fff;
	transition-duration:0.7s;
}
.sljf_headerNavMenu .f_nav .f_menu>li>a:hover,
.sljf_headerNavMenu .f_nav .f_menu>li>a:active{
	/*color:#006699;*/
	color:#fff;
	text-shadow:0px 0px 5px #0e5d02;

}

/*菜单*/
.sljf_headerNavMenu .f_menu{
	display:none;
	position:absolute;
	width:100%;
	max-height:340px;
	top:50px;
	left:0px;
	border:solid 1px #CCC;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	padding:10px 0;
	background:#1aa206;
}
/*导航菜单下拉开关*/
.sljf_headerNavMenu .f_navSwitch{
	display:block;
	position:absolute;
	top:12px;
	right:5px;
	width:35px;
	cursor:pointer;
	padding:2px 5px;
	border:solid 1px #174d0e;
	background:#174d0e;
	border-radius:5px;
}
.sljf_headerNavMenu .f_navSwitch span{
	display:block;
	height:3px;
	background:#fff;
	margin:3px 0;
}
/*下拉菜单*/
.sljf_headerNavMenu .f_dropDownMenu{
	position:relative;
}
.sljf_headerNavMenu .f_dropDownMenu .f_dropMenu{
	display:none;
	padding:10px 0;
	border:solid 1px #258a14;
	border-right:none;
	border-left:none;
	background:#1aa206;
}
.sljf_headerNavMenu .f_dropDownMenu .f_dropMenu li{
	line-height:180%
}
.sljf_headerNavMenu .f_dropDownMenu .f_dropMenu a{
	display:block;
	padding:0 15px;
}
.sljf_headerNavMenu .f_dropDownMenu .f_dropMenu a:link,
.sljf_headerNavMenu .f_dropDownMenu .f_dropMenu a:visited{
	color:#fff;
}
.sljf_headerNavMenu .f_dropDownMenu .f_dropMenu a:hover,
.sljf_headerNavMenu .f_dropDownMenu .f_dropMenu a:active{
	color:#fff;
}
.sljf_headerNavMenu .f_dropDownMenu .f_caret{
	display:inline-block;
	height:0px;
	margin-right:18px;
	border-top:4px solid #fff;
	border-right:4px solid transparent;
	border-left:4px solid transparent;
}
/*搜索*/
.sljf_headerNavMenu .f_search{
	margin:15px 0 0 18px;
	width:219px;
	height:40px;
	line-height:40px;
	background:url(../images/header_search_bg.png) left center no-repeat;
}
.sljf_headerNavMenu .f_search .f_input{
	float:left;
	width:174px;
	height:40px;
	border:none;
	background:none;
	text-indent:10px;
	
}
.sljf_headerNavMenu .f_search .f_submit{
	float:left;
	width:45px;
	height:40px;
	overflow:hidden;
	text-indent:1000px;
	border:none;
	background:none;

}
.sljf_headerNavMenu .f_erweima{
	margin:15px 0 0 18px;
}
/*浏览器屏幕大于992时*/
@media screen and (min-width:992px){
.sljf_headerNavMenu {
	min-height:70px;
	line-height:70px;
}
/*logo*/
.sljf_headerNavMenu .f_logo{
	float:left;
	padding:17px 0 0 0;
}
/*导航*/
.sljf_headerNavMenu .f_nav{
	float:left;
	padding:8px 0 0 8%;
}
.sljf_headerNavMenu .f_nav .f_menu {
	position:static;
	border:none;
	box-shadow:none;
	display:block;
}
.sljf_headerNavMenu .f_nav .f_menu>li{
	float:left;
}

/*导航菜单下拉开关*/
.sljf_headerNavMenu .f_navSwitch{
	display:none;
	position:absolute;
	top:15px;
	right:5px;
	width:35px;
	cursor:pointer;
	padding:2px 5px;
	border:solid 1px #CCC;
	background:#999;
	border-radius:5px;
}
.sljf_headerNavMenu .f_navSwitch span{
	display:block;
	height:3px;
	background:#fff;
	margin:3px 0;
}
/*下拉菜单*/
.sljf_headerNavMenu .f_dropDownMenu{
	position:relative;
}
.sljf_headerNavMenu .f_dropDownMenu .f_dropToggle{
}
.sljf_headerNavMenu .f_dropDownMenu .f_dropMenu{
	position:absolute;
	min-width:160px;
	left:0px;
	top:50px;
	display:none;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	box-shadow:0 0 8px 1px #eee;
	
}
.sljf_headerNavMenu .f_dropDownMenu .f_caret{
	display:inline-block;
	height:0px;
	margin-left:-15px;
	border-top:4px solid #fff;
	border-right:4px solid transparent;
	border-left:4px solid transparent;
}
/*搜索*/
.sljf_headerNavMenu .f_search{
	position:absolute;
	right:58px;
	top:0px;
}

/*搜索*/
.sljf_headerNavMenu .f_erweima{
	position:absolute;
	right:0px;
	top:0px;

}

}
/**********************************
* ok                          下拉菜单*
**********************************/
.sljf_dropDownMenu{
	position:relative;
	height:30px;
	width:150px;
}
.sljf_dropDownMenu .f_dropToggle{
	display:inline-block;
	padding:0px 15px;
	
	line-height:30px;
	border-radius:5px;
	color: #333;
	border:solid 1px #ccc;
	/*background-color: #e6e6e6;*/
	background:#fff;
	border-color: #adadad;
}
.sljf_dropDownMenu .f_dropToggle:hover {
	background:#f5f5f5;
}
.sljf_dropDownMenu .f_dropMenu{
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	display:none;
}
.sljf_dropDownMenu .f_dropMenu li>a{
	display:block;
	padding:3px 20px;
}
.sljf_dropDownMenu .f_dropMenu li>a:hover{
	background:#f5f5f5;
}
/*分隔符*/
.sljf_dropDownMenu .f_divider{
	height:1px;
	margin:5px 0px;
	overflow:hidden;
	background:#e5e5e5;

}
/*下拉箭头*/
.sljf_dropDownMenu .f_caret{
	display:inline-block;
	height:0px;
	border-top:4px solid #999;
	border-right:4px solid transparent;
	border-left:4px solid transparent;
}

/**********************************
*  ok             内页侧边栏栏目导航（响应）*
**********************************/
.sljf_sideBarCategoryList{}
.sljf_sideBarCategoryList .f_title{
	position:relative;
	height:40px;
	font-size:14px;
	line-height:40px;
	font-weight:bold;
	padding:0 0 0 15px;
	color:#666;
	background:#e5e5e5;
	text-shadow:1px 1px 0 #fff;
	cursor:pointer;
}
.sljf_sideBarCategoryList .f_title:after{
	position:absolute;
	right:10px;
	top:45%;
	display:block;
	content:" ";
	width:0px;
	height:0px;
	border:solid 6px #666;
	border-color: #666 transparent transparent transparent;

}
.sljf_sideBarCategoryList .f_list{
	display:none;
	font-size:14px;
}
.sljf_sideBarCategoryList .f_list li{
	border-bottom:solid 1px #ebebeb;
}
.sljf_sideBarCategoryList .f_list li>a{
	display:block;
	padding:0 0 0 15px;
	line-height:35px;
	background:#f8f8f8;
	text-shadow:1px 1px 0 #fff;
}
.sljf_sideBarCategoryList .f_list li>a:link,
.sljf_sideBarCategoryList .f_list li>a:visited{
	color:#666;
}

.sljf_sideBarCategoryList .f_list li>a.thisClass,
.sljf_sideBarCategoryList .f_list li>a:hover,
.sljf_sideBarCategoryList .f_list li>a:active{
	color:#f00;
}

@media screen and (min-width:992px){
.sljf_sideBarCategoryList{}
.sljf_sideBarCategoryList .f_title{
}
.sljf_sideBarCategoryList .f_list{
	display:block;
}
.sljf_sideBarCategoryList .f_list li{
}
.sljf_sideBarCategoryList .f_list li>a{
}
}


/***************************************************************************************************
*                                           通用内容相关组件                                          *
****************************************************************************************************/
/**********************************
*  ok                  当前位置（响应）*
**********************************/
.sljf_location {
	line-height:25px;
	overflow:hidden;
	font-size:12px;
	color:#999;
}
.sljf_location a:link, 
.sljf_location a:visited {
	color:#999;
	text-decoration:none;
}
.sljf_location a:hover, 
.sljf_location a:active {
	color:#666;
	text-decoration:underline;
}
/* 通用内容主体  */
.sljf_content {
	font-size:13px;
}
.sljf_content p {
	line-height:200%;
	text-indent:2em;
}
.sljf_content img {
	display:inline;
}
/* 通用内容列表  */
.sljf_comcontent_list {
}
.sljf_comcontent_list li {
	width:215px;
	height: 29px;
	line-height: 29px;
	font-weight: bold;
	margin:auto auto 5px auto;
	text-indent: 2em;
	background:url(../images/shuilangjun_images/aboutus_link.gif) 0px center no-repeat;
}
.sljf_comcontent_list li a {
	display:block;
	padding-left:20px;
    text-decoration:none;
}
.sljf_comcontent_list li a:link, .sljf_comcontent_list li a:visited {
	color:#646464;
	background:none;
}
.sljf_comcontent_list li a:hover, .sljf_comcontent_list li a:active {
	color:#eb7b02;
	font-size:13px;
	text-decoration:none;
	background:url(../images/shuilangjun_images/aboutus_hover.gif) 0px center no-repeat;
}
/****************************************************************************************************
*                                           产品页 相关组件                                           *
*****************************************************************************************************/


/****************************************************************************************************
*                                         文章页 相关组件*
*****************************************************************************************************/
/************************************
*ok 新闻列表页新闻列表:标题+日期+分隔线   *
*************************************/
.sljf_newsListTitleDateLine{
	font-size:13px;
}
.sljf_newsListTitleDateLine li {
	height:40px;
	line-height:40px;
	font-size:12px;
	border-bottom:dotted 1px #d1d1d1;
	overflow:hidden;
}
.sljf_newsListTitleDateLine li:before {
	content:"";
	border:solid 2px #666;
	border-radius:50%;/*变成圆点*/
	display:inline-block;
	float:left;
	margin:18px 8px 0 0;
}
.sljf_newsListTitleDateLine li:after {
	content:"";
	display:block;
	clear:both;
	line-height:0px;
}
.sljf_newsListTitleDateLine li .f_left{
	float:left;
	width:70%;
}
.sljf_newsListTitleDateLine li .f_right{
	float:right;
	width:20%;
	text-align:right;
	color:#999;
}


/*文章详细页标题*/
.sljf_articleTitle {
	margin-top: 20px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#666;
}
/*新闻发布日期 作者组件*/
.sljf_articleInfo {
	text-align:center;
	color:#999;
}
.sljf_articleInfo a:link,
.sljf_articleInfo a:visied,
.sljf_articleInfo a:hover,
.sljf_articleInfo a:active{
	color:#999;
}
/*新闻详细 主体样式*/
.sljf_articleContent {
	font-size:13px;
	line-height:180%;
	overflow:hidden;
	color:#333;
}
.sljf_articleContent img{
	max-width:100%;
}
.sljf_articleContent strong{
	padding:2px 0;
	font-weight:bold;
	/*background:#feefe8;*/
}
.sljf_articleContent p {
	margin:10px 0;
	text-indent:2em;
}


/****************************************************************************************************
* ok                                            产品分页列表                                                 *
*****************************************************************************************************/
.sljf_pagelist {
	clear:both;
	margin:14px 0px 0px 0px;
	text-align:center;
	height:24px;
	line-height:24px;
	color:#999;
	background-color:#F4F8E9;
}
.sljf_pagelist a {
	margin-left:3px;
}


/****************************************************************************************************
*                                              列表样式                                              *
*****************************************************************************************************/

/************************************
*通用列表:标题+日期+分隔线ok              *
*************************************/
.sljf_list_titleDateLine{
	font-size:13px;
}
.sljf_list_titleDateLine li {
	height:30px;
	line-height:30px;
	font-size:12px;
	border-bottom:dotted 1px #d1d1d1;
	overflow:hidden;
}
.sljf_list_titleDateLine li:before {
	content:"";
	border:solid 2px #666;
	border-radius:50%;/*变成圆点*/
	display:inline-block;
	float:left;
	margin:12px 8px 0 0;
}
.sljf_list_titleDateLine li:after {
	content:"";
	display:block;
	clear:both;
	line-height:0px;
}
.sljf_list_titleDateLine li .f_left{
	float:left;
	width:70%;
}
.sljf_list_titleDateLine li .f_right{
	float:right;
	width:20%;
	text-align:right;
	color:#999;
}


/************************************
*左图右文列表    ok                   * 
************************************/
.sljf_list_leftImgRightDescription {
}
.sljf_list_leftImgRightDescription li {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:solid 1px  #e5e5e5;
	background:#FFF;
}
.sljf_list_leftImgRightDescription li:after {
	zoom:1;
	display:block;
	content: "";
	line-height: 0;
	clear:both;
}
.sljf_list_leftImgRightDescription li .f_left{
	float:left;
}
.sljf_list_leftImgRightDescription li .f_left img{
	width:50px;
	height:50px;
	margin-right:10px;
}
.sljf_list_leftImgRightDescription li .f_right{
	overflow:hidden;/*不会出现图片环绕*/
}
.sljf_list_leftImgRightDescription li .f_right .f_title{
	font-weight:bold;
}
.sljf_list_leftImgRightDescription li .f_right .f_more{
	margin-top:10px;
}

.sljf_list_leftImgRightDescription li .f_right .f_description{
	color:#4d4d4d;
}
.sljf_list_leftImgRightDescription li .f_right .f_more{
}
/* 窗口宽度>768, */
@media screen and (min-width:768px){
.sljf_list_leftImgRightDescription li .f_left img{
	width:80px;
	height:80px;
} 
.sljf_list_leftImgRightDescription li .f_right .f_title{
	font-size:15px;
}  
.sljf_list_leftImgRightDescription li .f_right .f_more{
}
.sljf_list_leftImgRightDescription li .f_right .f_description{
} 
}



/****************************************************************************************************
*                                           底部版权信息等                                            *
*****************************************************************************************************/
.sljf_footer{
	line-height:20px;
	color:#999;
}
.sljf_footer .f_copyright {
}
/****************************************************************************************************
*                                            首页专用样式                                            *
*****************************************************************************************************/


/************************************
*首页图片列表组件                           * 
************************************/
.sljf_indexPicList{
}
.sljf_indexPicList li{
	float:left;
	width:25%;
	padding:1px;
}
.sljf_indexPicList .f_in{/*内部框大小*/
	max-width:250px;
	margin:auto;
	padding:9px 0;
	background:#fff;
}

/*图片区*/
.sljf_indexPicList .f_img{
	position:relative;
	text-align:center;
	overflow:hidden;
}
.sljf_indexPicList .f_img img{
	max-width:100%;
}

/*动画效果*/
.sljf_indexPicList .f_in:hover .f_img img{
	
}
/*文字区*/
.sljf_indexPicList .f_text{
	height:20px;
	line-height:20px;
	text-align:center;
	font-size:11px;
	overflow:hidden;
}

/* 窗口宽度>768 */
@media screen and (min-width:768px){ 
.sljf_indexPicList{
	margin:0 -15px;
}
.sljf_indexPicList li{
	float:left;
	width:16%;
	padding:0px 15px;
} 
.sljf_indexPicList .f_img img{
}
/*文字区*/
.sljf_indexPicList .f_text{
	font-size:12px;
}
}
/* 窗口宽度>992 */
@media screen and (min-width:992px){
 
}
/* 窗口宽度>1200*/
@media screen and (min-width: 1200px) {

}

